import React, { useState } from 'react';
import { Row, Col } from 'antd';
import SalesChart from './SalesChart';
import CourseRanking from './CourseRanking';

const AnnualSales: React.FC = () => {
  return (
    <Row gutter={[16, 16]} justify="space-between">
      {/* 左侧柱状图组件 - 占据约60%宽度 */}
      <Col xs={24} lg={14} style={{ height: 340 }}>
        <SalesChart />
      </Col>

      {/* 右侧排行榜组件 - 占据约40%宽度 */}
      <Col xs={24} lg={10} style={{ height: 340 }}>
        <CourseRanking />
      </Col>
    </Row>
  );
};

export default AnnualSales;